'use strict'
const path = require('path')

function resolve(dir) {
  return path.join(__dirname, dir)
}
const name =  '潮流科技'

// If your port is set to 80,
// use administrator privileges to execute the command line.
// For example, Mac: sudo npm run
// You can change the port by the following method:
// port = 9527 npm run dev OR npm run dev --port = 9527
const port = process.env.port || process.env.npm_config_port || 8090 // dev port

//最简单的配置
module.exports = {
    // baseUrl: '/',// 部署应用时的根路径(默认'/'),也可用相对路径(存在使用限制)
    publicPath:'/',
    outputDir: 'dist',// 运行时生成的生产环境构建文件的目录(默认''dist''，构建之前会被清除)
    assetsDir: 'static',//放置生成的静态资源(s、css、img、fonts)的(相对于 outputDir 的)目录(默认'')
    indexPath: 'index.html',//指定生成的 index.html 的输出路径(相对于 outputDir)也可以是一个绝对路径。
    lintOnSave: process.env.NODE_ENV === 'development', // 是否在保存的时候检查

    devServer: {  //环境配置
      port: port, //端口
      open: true, //配置自动启动浏览器
        proxy: {  //
        '/api': {
            target: 'http://1.15.46.70:9217', //API服务器的地址
            ws: true, //代理websockets
            changeOrigin: true, // 虚拟的站点需要更管origin
            pathRewrite: {  //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
            '^/dev-api': ''
            }
        }
        },
    },
    configureWebpack: {
      // provide the app's title in webpack's name field, so that
      // it can be accessed in index.html to inject the correct title.
      name: name,
      resolve: {
        alias: {
          '@': resolve('src')
        }
      }
    },
    chainWebpack(config) {
    // set svg-sprite-loader
    config.module
    .rule('svg')
    .exclude.add(resolve('src/icons'))
    .end()
    config.module
    .rule('icons')
    .test(/\.svg$/)
    .include.add(resolve('src/icons'))
    .end()
    .use('svg-sprite-loader')
    .loader('svg-sprite-loader')
    .options({
      symbolId: 'icon-[name]'
    })
    .end()
    }
}
